<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html" >
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Social Full Fun</title>
                <link rel="shortcut icon" type="image/x-icon" href="http://#{initParam['DIRECCION_SERVIDOR']}/Iconos/icono.ico"/>
            </f:facet>
            <script type="text/javascript">$(document).ready(function(){iniciarDatos();});</script>
            <link href="http://#{initParam['DIRECCION_SERVIDOR']}/estilos/estilo-comunLogin/theme.css" rel="stylesheet" type="text/css"/>
        </h:head>

        <h:body>
            <p:layout  fullPage="true">
                <p:layoutUnit  position="center">
                    <h:form id="formularioMembresiaID" binding="#{membresiaControlador.formularioMembresia}">
                        <p:remoteCommand name="iniciarDatos" update="formularioMembresiaID"/>
                        <br/>
                        <p:growl id="grow2" showDetail="true" sticky="true" />
                         <center><h:outputText style="color: #CCCCCC"
                                value="Quiere ser socio y adquirir una membresía de #{membresiaDataManager.local.loNombre} 
                                la cual le permite acumular puntos para canjearlos por productos o servicios"/></center>
                        <br/>
                        <center>
                            <h:graphicImage height="200px" width="200px" value="#{membresiaDataManager.local.loImagen}"/>
                            <br/>
                            <p:commandLink id="linkDesactivarMembresia" value="Desactivar Membresía" action="#{membresiaControlador.desactivarMembresia()}"
                                           style="font-size: 10px" onclick="disable = true" update="formularioMembresiaID"
                                           rendered="#{membresiaDataManager.banderaLink}"/>
                        </center>
                        <br/>
                        <center><table cellspacing="2" style="float: bottom;">
                                <tr>
                                    <td>
                                        <h:outputText value="Si usted Acepta está aceptando los términos y condiciones:  "
                                                      rendered="#{membresiaDataManager.banderaAceptar and membresiaControlador.terminosYCondicionesCargados}"/>
                                    </td>
                                    <td>
                                        <h:commandLink value="Leer" target="_blank"
                                                       immediate="true" 
                                                       rendered="#{membresiaDataManager.banderaAceptar and membresiaControlador.terminosYCondicionesCargados}">
                                            <p:fileDownload value="#{membresiaControlador.archivoDescargaTerminosYCondiciones}"
                                                            contentDisposition="inline"/>
                                        </h:commandLink>
                                    </td>
                                </tr>
                            </table></center>
                        <center><table cellspacing="2" style="float: bottom;">

                                <tr>
                                    <td>
                                        <p:commandButton id="botonAceptarMembresia" value="Aceptar" action="#{membresiaControlador.registrarMembresia()}"
                                                         onclick="disabled = true" update="formularioMembresiaID"
                                                         rendered="#{membresiaDataManager.banderaAceptar}"/>
                                    </td>
                                    <td>
                                        <p:commandButton value="Salir" onclick="top.close()"/>
                                    </td>
                                </tr>
                            </table></center>
                        <br/>
                        <p:blockUI block="formularioMembresiaID" trigger="botonAceptarMembresia"  >
                            Registrando Membresía...<br /> 
                        </p:blockUI>
                        <p:blockUI block="formularioMembresiaID" trigger="linkDesactivarMembresia"  >
                            Desactivando Membresía...<br /> 
                        </p:blockUI>
                    </h:form> 
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>
